<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="../jquery.js"></script>
<script language="javascript" type="text/javascript">
$("document").ready(
function()
{

	$("#form").hide()
	$('#cha a').css({opacity: 0.0});
	$('#cha a:first').css({opacity: 1.0});
	$('#cha .caption').css({width: $('#cha a').find('img').css('width')});
	$('#form').css({width: $('#cha a').find('img').css('width')});
	$('#logo').css({width: $('#cha a').find('img').css('width')});
	$('#cha .caption').css({opacity: 0.4});	
	var loop=setInterval('ham()',10000);
}
)
function ham()
{
var current = $('#cha a.show')
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#cha a:first') :current.next()) : $('#cha a:first'));
next.addClass('show').animate({opacity: 1.0}, 5000);	
	current.animate({opacity: 0.0}, 5000).removeClass('show');
}
function thanhvien()
{
	$.post('danhsachthanhvien.php' ,
										function(layve)
										{
											$("#form").hide();
											$("#form").html(layve).slideToggle(700);
											$("#form").animate({opacity: 0.9}, 500);
										}
	)
}

function main()
{
$("#form").html("")
$("#form").animate({opacity: 0.0}, 100)											
}
</script>
<style type="text/css">
bodo{
	margin:0;
}

#cha {
	position:relative;
	border:outset;
	border-bottom-width:12;
	 }
#cha a {
	position:absolute;
	left: -12px;
	top: -17px;
	height: 595px;
	width: 1359px;
	}
	div.caption{
	z-index:3;
	color:#ffffff;
	height:100px;
	width:1349px;
	position:absolute;
	bottom:-80px;
	left: -15px;
	background-image:url(hinh/hinh1.jpg);
	border:outset;
	border-bottom-width:12;
	}
#dndk {
	position:absolute;
	width:199px;
	height:24px;
	z-index:50;
	left: 1153px;
	top: -1px;
	border:outset;
	border-bottom-width:12;
}
#form{
	background-image:url(hinh/Twitter.jpg);
	position:absolute;
	width:1350px;
	height:503px;
	z-index:52;
	left: -3px;
	top: 98px;
	border:inset;
	border-bottom-width:12;
	overflow: auto;
}
.style1 {
	color: #0000FF;
	font-weight: bold;
}
#menubar {
	position:absolute;
	width:911px;
	height:56px;
	z-index:1;
	left: 129px;
	top: 100px;
}
#logo {
background-color:#CCCCFF;
	position:absolute;
	width:1344px;
	height:115px;
	z-index:1;
	left: -2px;
	top: -1px;
	border:outset;
	border-bottom-width:12;
}


-->
</style>
</head>

<body>
<div id="cha">
<a class="show"><img src="hinh/hinh1.jpg" width="1358" height="590"/></a>
<a><img src="hinh/hinh2.jpg" width="1358" height="590"/></a>
<a><img src="hinh/hinh3.jpg" width="1358" height="608"/></a>
<div class="caption"></div>
</div>

<div id="dndk">
  <table width="200" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><span class="style1" onclick="dn()">Dang nhap </span></td>
    </tr>
  </table>  
</div>
<div id="form">
  <p>&nbsp;</p>
</div>
<div id="menubar">
  <table width="876" height="64" border="1">
    <tr>
      <td width="81" onclick="main()">Trang chu </td>
      <td width="81" onclick="thanhvien()">dsThanh vien </td>
      <td width="81"><a href="themsanpham.php">uploadsanpham</a></td>
      <td width="81">&nbsp;</td>
      <td width="80">&nbsp;</td>
      <td width="82">&nbsp;</td>
      <td width="81">&nbsp;</td>
      <td width="81">&nbsp;</td>
      <td width="81">&nbsp;</td>
      <td width="83">&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
<p>&nbsp;</p>
</body>
</html>
